import React ,{useState,useRef}from "react";
import { PageContainer } from "@ant-design/pro-layout";
import ProTable from "@ant-design/pro-table";
import { Button,message,Modal,Image } from "antd";
import { queryFeedbackList } from "@/services/ant-design-pro/apis";

const BizType = (props) => {
     
    const actionRef = useRef();
    const [selRows,setSelRows]=useState();
    const [createModalVisible,handleModalVisible]=useState(false);
    const [updateModalVisible,handleUpdteModalVisible]=useState(false);
    const [stepFormVals,setStepFormVals]= useState();

    const IMGRender = (record) => {
        var item = (
          <Image
            key={record.id}
            width={60}
            preview={{
              imageRender: () => <video muted width="100%" controls src={record.img} />,
              toolbarRender: () => null,
            }}
            src={record.img}
          />
        );
        return item;
      };

    const columns=[
        {
            title:'用户id',
            dataIndex:'userId',
            hideInSearch:true
        },
        {
            title:'用户手机号',
            dataIndex:'phone',
        },
        {
            title:'反馈内容',
            dataIndex:'content',
        },
        {
            title:'创建时间',
            dataIndex:'gmtCreate',
            hideInSearch: true
        }
    ]

    return (
        <PageContainer>
            <ProTable
               columns={columns}
               actionRef={actionRef}
               headerTitle='反馈列表'
               rowKey='id'
               request={queryFeedbackList}
               rowSelection={{
                   onChange:(_,selRows)=>{
                       setSelRows(selRows)
                   }
               }}
               toolBarRender={()=>[
                  
               ]}
            >              
            </ProTable>
        </PageContainer>
    )
}

export default  BizType;

